<template>
	<el-table :data="productList" v-model="productList" border style="width: 100%;">
        <el-table-column
              type="index"
              width="50">
            </el-table-column>
        <el-table-column prop="name"  label="商品信息" align='center'>
            <template scope="scope">
                <a target="_blank" :href="'https://trade.onloon.net/detail?itemId='+scope.row.itemId">
                    <span >{{scope.row.name}}</span>
                </a>
            </template>
        </el-table-column>
        <el-table-column prop="type"  label="价格（美元）" align='center'></el-table-column>
        <el-table-column prop="mode"  label="佣金（美元）" align='center'></el-table-column>
        <el-table-column prop="email"  label="店铺名称" align='center'></el-table-column>
        <el-table-column prop="trackId"  label="店铺ID" align='center'></el-table-column>
    </el-table>
</template>
<script>
	import Vue from 'vue'
	import {Table,TableColumn} from 'element-ui'
	Vue.use(Table);
	Vue.use(TableColumn);

	export default {
		data () {
            return {}
        },
        props: {
        	'productList':{
                default: []
            }
        }
	}
</script>
<style scoped lang="scss">
  .el-cascader {width: 100%}
</style>